<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link type="text/css" href="css/index.css" rel="stylesheet">
    <link type="text/css" href="css/blog.css" rel="stylesheet">
    <link type="text/css" href="css/download (1)/font_6scgcii2lwt/iconfont.css" rel="stylesheet">
    <title>SKY</title>
</head>

<body>
    <!-- 导航栏 -->
    <div id="nav">
        <div class="nav-bar">
            <!-- logo -->
            <div class="nav-logo">
                <a class="logo" href="index.html">
                    <img src="../final/images/tb.gif" height="56">
                </a>
            </div>
            <div class="btn edit-btn">
                <a target="_blank" href="edit.html">
                    写文章
                </a>
            </div>
            <!-- 未登录时显示登陆、注册 -->
            <!-- <div class="btn login">
                <a href="login.html">登陆</a>
            </div>
            <a class="btn register" href="#">
                <span>注册</span>
            </a> -->
            <div class="user">
                <a class="user-img" href="person.html">
                    <img src="images/lb-1.jpg">
                </a>
            </div>

            <div class="nav-search">
                <span class="inp">
                    <input type="text" size="12" placeholder="文章、专栏" autocomplete="off">
                </span>
                <span class="srh-btn">
                    <input type="submit">
                </span>
            </div>
            <ul class="nav-ul nav-content">
                <li class="nav-item1">
                    <a href="blog.html" traget="_blank">
                        <span class="item-name">文章</span>
                    </a>
                </li>
                <li class="nav-item2">
                    <a href="#" traget="_blank">
                        <span class="item-name">专题</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 正文 -->
    <div class="content">
        <div class="article">
            <h1 class="title">
                网页设计
            </h1>
            <div class="author">
                <a class="zz" href="person.html">
                    <img src="images/lb-3.jpg">
                </a>
                <div class="info">
                    <span class="name">
                        <a href="person.html">岁辰凡年</a>
                    </span>
                    <a class="btn follow">
                        <i class="iconfont icon-follow"></i>
                        <span>关注</span>
                    </a>
                </div>
                <div class="data">
                    <span class="p-time">2019.05.21 16:11</span>
                    <span class="words">字数 1000</span>
                    <span class="counts">阅读1111</span>
                    <span class="comment">评论11</span>
                    <span class="like">喜欢111</span>
                </div>
            </div>
            <div class="c-body">
                <div class="wz">
                    <p>
                        网页设计（web design，又称为Web UI design，WUI
                        design，WUI），是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。
                        网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。
                        网页设计的工作目标，是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。
                        网页设计主要以Adobe产品为主，常见的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代码工具，其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse
                    </p>
                </div>
            </div>
        </div>
        <div class="a-detail">
            <div class="info">
                <a class="zz" href="person.html">
                    <img src="images/lb-3.jpg">
                </a>
                <a class="btn follow">
                    <i class="iconfont"></i>
                    <span>关注</span>
                </a>
                <a class="au" href="person.html">岁辰凡年</a>
                <i class="iconfont"></i>
                <p>写了1111字，被111人关注，获得111个喜欢</p>
            </div>
        </div>
        <div class="share">
            <div class="like">
                <div class="btn like-group">
                    <div class="btn-like">
                        <a>喜欢</a>
                    </div>
                    <div class="counts">
                        <a>19</a>
                    </div>
                </div>
            </div>
            <div class="share-group">
                <a class="share-circle">
                    <i class="iconfont icon-weixin"></i>
                </a>
                <a class="share-circle">
                    <i class="iconfont icon-weibo"></i>
                </a>
                <a class="share-circle more-share">
                    更多分享
                </a>
            </div>
        </div>
    </div>
</body>

</html>